<html>
	<head>
		<title>DIV+CSS简单的页面布局示例</title>
		<link rel="stylesheet" href="layout.css" type="text/css">
	</head>
	<body>
		<div id="container">
			<div id="header">
				<div id="logo" class="bgcolor">LOGO</div>
				<div id="banner">
					<div id="left" class="bgcolor">BANNER1</div>
					<div id="right" class="bgcolor">BANNER2</div>
				</div>
			</div>
			<div class="nav"> </div>
			<div id="menu" class="bgcolor">水平导航条</div>
			<div class="nav"> </div>
			<div id="content">
				<div class="left_box border">栏目（一）</div>
				<div class="right_box border">栏目（二）</div>
				<div class="nav"> </div>
				<div class="left_box">
					<div class="left border">栏目（三）</div>
					<div class="right border">栏目（四）</div>
				</div>
				<div class="right_box">
					<div class="left border">栏目（五）</div>
					<div class="right border">栏目（六）</div>
				</div>
			</div>
			<div id="sidebar">
				<div class="bar border">栏目（七）</div>
				<div class="nav"> </div>
				<div class="bar border">栏目（八）</div>
				<div class="nav"> </div>
				<div class="bar border">栏目（九）</div>
			</div>
			<div class="nav"> </div>
			<div id="footer" class="bgcolor">页脚</div>
		</div>
	</body>	                                                                 
</html>

